body {
        margin: 0;
        padding: 0;
        background: #E6EAEB;
        font-family: Arial, '微软雅黑', '宋体', sans-serif
    }

    a {
        text-decoration: none
    }

    .alert-box {
        display: none;
        position: relative;
        margin: 96px auto 0;
        padding: 180px 85px 22px;
        border-radius: 10px 10px 0 0;
        background: #FFF;
        box-shadow: 5px 9px 17px rgba(102, 102, 102, 0.75);
        width: 286px;
        color: #FFF;
        text-align: center
    }

    .alert-box p {
        margin: 0
    }

    .alert-circle {
        position: absolute;
        top: -50px;
        left: 111px
    }

    .alert-sec-circle {
        stroke-dashoffset: 0;
        stroke-dasharray: 735;
        transition: stroke-dashoffset 1s linear
    }

    .alert-sec-text {
        position: absolute;
        top: 11px;
        left: 190px;
        width: 76px;
        color: #000;
        font-size: 68px
    }

    .alert-sec-unit {
        font-size: 34px
    }

    .alert-body {
        margin: 35px 0
    }

    .alert-head {
        color: #242424;
        font-size: 28px
    }


    .alert-concent p {
        line-height: 27px
    }

    .alert-btn {
        display: block;
        border-radius: 10px;
        background-color: #4AB0F7;
        height: 55px;
        line-height: 55px;
        width: 286px;
        color: #FFF;
        font-size: 20px;
        text-decoration: none;
        letter-spacing: 2px
    }

    .alert-btn:hover {
        background-color: #6BC2FF
    }

    .alert-footer-text p {
        color: #7A7A7A;
        font-size: 22px;
        line-height: 18px
    }